<template>
  <div class="footer">
    <div class="main-footer footer-stick container container-fluid customize-width pt-4 pb-3 footer-type-big"
         style="">

      <div class="footer-inner card rounded-xl m-0">
        <div class="footer-text card-body text-muted text-center text-md-left">
          <div class="row my-4">
            <div class="col-12 col-md-4 mb-4 mb-md-0">
              <a class="footer-logo"
                 href="https://nav.iowen.cn"
                 title="一为导航">
                <img src="https://nav.iowen.cn/wp-content/uploads/2020/01/ywdh-logo-1.png"
                     class="logo-light mb-3"
                     alt="一为导航"
                     height="40">
                <img src="https://nav.iowen.cn/wp-content/uploads/2020/01/ywdh-logo.png"
                     class="logo-dark d-none mb-3"
                     alt="一为导航"
                     height="40">
              </a>
              <div class="text-sm">OneNav 一为导航主题，集网址、资源、资讯于一体的 WordPress 导航主题，简约优雅的设计风格，全面的前端用户功能，简单的模块化配置，欢迎您的体验</div>
            </div>
            <div class="col-12 col-md-5 mb-4 mb-md-0">
              <p class="footer-links text-sm mb-3"><a href="https://www.iotheme.cn">友链申请</a>
                <a href="https://www.iotheme.cn">免责声明</a>
                <a href="https://www.iotheme.cn">广告合作</a>
                <a href="https://www.iotheme.cn">关于我们</a>
              </p>
              <div class="footer-social">
                <a class="rounded-circle bg-light qr-img"
                   href="javascript:;"
                   data-toggle="tooltip"
                   data-placement="top"
                   data-html="true"
                   title=""
                   data-original-title="<img src='https://nav.iowen.cn/wp-content/themes/onenav/images/wechat_qrcode.png' height='100' width='100'>">
                  <i class="iconfont icon-wechat"></i>
                </a><a class="rounded-circle bg-light"
                   href="http://wpa.qq.com/msgrd?v=3&amp;uin=2227098556&amp;site=qq&amp;menu=yes"
                   target="_blank"
                   data-toggle="tooltip"
                   data-placement="top"
                   title=""
                   rel="external noopener nofollow"
                   data-original-title="QQ">
                  <i class="iconfont icon-qq"></i>
                </a><a class="rounded-circle bg-light"
                   href="https://www.iotheme.cn"
                   target="_blank"
                   data-toggle="tooltip"
                   data-placement="top"
                   title=""
                   rel="external noopener nofollow"
                   data-original-title="微博">
                  <i class="iconfont icon-weibo"></i>
                </a><a class="rounded-circle bg-light"
                   href="https://www.iotheme.cn"
                   target="_blank"
                   data-toggle="tooltip"
                   data-placement="top"
                   title=""
                   rel="external noopener nofollow"
                   data-original-title="GitHub">
                  <i class="iconfont icon-github"></i>
                </a><a class="rounded-circle bg-light"
                   href="mailto:1234567788@QQ.COM"
                   target="_blank"
                   data-toggle="tooltip"
                   data-placement="top"
                   title=""
                   rel="external noopener nofollow"
                   data-original-title="Email">
                  <i class="iconfont icon-email"></i>
                </a>
              </div>
            </div>
            <div class="col-12 col-md-3 text-md-right mb-4 mb-md-0">
              <div class="footer-mini-img"
                   data-toggle="tooltip"
                   title=""
                   data-original-title="扫码加QQ群">
                <p class="bg-light rounded-lg p-1">
                  <img class=" "
                       src="https://nav.iowen.cn/wp-content/themes/onenav/images/qr.png"
                       alt="扫码加QQ群一为导航">
                </p>
                <span class="text-muted text-ss mt-2">扫码加QQ群</span>
              </div>
              <div class="footer-mini-img"
                   data-toggle="tooltip"
                   title=""
                   data-original-title="扫码加微信">
                <p class="bg-light rounded-lg p-1">
                  <img class=" "
                       src="https://nav.iowen.cn/wp-content/themes/onenav/images/qr.png"
                       alt="扫码加微信一为导航">
                </p>
                <span class="text-muted text-ss mt-2">扫码加微信</span>
              </div>
            </div>
          </div>
          <div class="footer-copyright text-xs">
            Copyright © 2024 <a href="https://nav.iowen.cn"
               title="一为导航"
               class=""
               rel="home">一为导航</a>&nbsp;由<a href="https://www.iotheme.cn/?aff="
               title="一为主题-精品wordpress主题"
               target="_blank"
               class=""
               rel="noopener"><strong> OneNav </strong></a>强力驱动&nbsp; </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
</script>

<style lang="less" scoped>
	
</style>